<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <title>EduCreek Registration</title>
   <!-- Always Include start -->
	<link type="text/css" href="css/reset.css" rel="stylesheet" />
	<link type="text/css" href="css/esCore.css" rel="stylesheet" />
	<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
	<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
	<script type="text/javascript" src="js/jq/jquery.corner.js"></script>
	<script type="text/javascript" src="js/esCore.js"></script>
	<script type="text/javascript" src="js/jq/jquery.qtip-1.0.js"></script>
	<!-- Always Include ends -->

   <style>
   	.basic-header{
   		height:70px;
   		color:#DEDDEF;
   		background-color: #0100FB;
   	}
   	
   	.formTable{
   	}
   	
   	.formTable tr{
   		border:none;
   	}
   	
   	.formTable td{
   		border:none;
   		text-align: right;
   		font-weight: bold;
   		color: #666;
   	}
   	
   	.basic-form{
   		width:700px;
   		margin:auto;
   		padding-top: 50px;
   	}
   </style>
</head>

<div id="outer-wrapper">
<body>
   <div class="welcome_message"></div>
   <div class="basic-header"><div Style="float:right;margin:10px 20px 0px;"><h1>Admin Registration</h1>for EduCreek</div></div>
   <div class="basic-form">
   	  <div wicket:id="info" style="color:red; background:#FFF; max-width:500px;"></div>
      <form id="regform" wicket:id="regform">
	  		<p style="color:red; font-weight:bold">*All fields are mandatory.</p>
         <!-- <div class="personaldetails"> -->
         	<table class="formTable stripes" width="800px" style="table-layout:fixed">
               <tr>
                  <td>First name</td><td><input wicket:id="fname" id="fname" type="text"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>Last name</td><td><input wicket:id="lname" id="lname" type="text"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>E-mail</td><td><input wicket:id="email" id="email" type="text"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>University</td><td><input wicket:id="univ" id="univ" type="text"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>Phone number</td><td><input wicket:id="phone" id="phone" type="text"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>User Name</td><td><div wicket:id="border"><input wicket:id="uname" id="uname" type="text"  style="width:180px;"/></div></td>
                  <td style="width:180px;text-align: left;">&nbsp;&nbsp;<span wicket:id="availability">OK</span></td>
               </tr>
               <tr>
                  <td>Password</td><td><input wicket:id="pwd" id="pwd" type="password"  style="width:180px;"/></td><td></td>
               </tr>
               <tr>
                  <td>Confirm Password</td><td><input wicket:id="pwdcnf" id="pwdcnf" type="password" style="width:180px;"/></td><td></td>
               </tr>
			   <tr>
			   	 <td/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td><p align="right"><button class="es-button ui-state-active ui-corner-all" wicket:id="regbtn" id="regbtn" type="submit">Register</button></p></td><td></td>
			   </tr>
            </table>
			
         <!-- </div> -->
      </form>
   </div>
</body>
</div>
</html>